import React from 'react';
import ReactECharts from 'echarts-for-react';

class Page11 extends React.Component{
  constructor(props){
    super(props);
    this.state={
      option :{
        title: {
          text: this.props.ttype+this.props.context
        },
        tooltip: {},
        legend: {

        },
        grid: {
          y2: 140
        },
        xAxis: {
        type : 'category',
        // data:['故宫博物院','上海博物馆','安徽博物馆','河北博物馆','西安博物馆',''],
        data: this.props.mykeys,
        axisLabel:{
          interval:0,//横轴信息全部显示
          rotate:-30,//-30度角倾斜显示
        }
        },
        yAxis: {},
        series: [{
          name:'',
          type: this.props.type,
          // type: 'bar',
          data: this.props.data
        }]
      }
    }
  }
 // componentDidMount() {
 //   this.state={
 //     option :{
 //       title: {
 //         text: this.props.ttype+this.props.context
 //       },
 //       tooltip: {},
 //       legend: {
 //
 //       },
 //       grid: {
 //         y2: 140
 //       },
 //       xAxis: {
 //         type : 'category',
 //         // data:['故宫博物院','上海博物馆','安徽博物馆','河北博物馆','西安博物馆',''],
 //         data: this.props.mykeys,
 //         axisLabel:{
 //           interval:0,//横轴信息全部显示
 //           rotate:-30,//-30度角倾斜显示
 //         }
 //       },
 //       yAxis: {},
 //       series: [{
 //         name:'',
 //         type: this.props.type,
 //         data: this.props.data
 //       }]
 //     }
 //   }
 // }

  componentDidUpdate(prevProps, prevState, snapshot) {
    console.log(prevProps)
    console.log(prevState)
    console.log(this.props)
    console.log(this.state)
    // var obj=this.state.option;
    // this.setState({option: obj});
  }


  render() {
    const option =this.state.option;
    return (
      <ReactECharts
      option={option}
      style={{ height: 400 }}
      opts={{ renderer: 'svg' }}
    />
    )
  }
}

export default Page11;